// 系统消息
<template>
    <div id='system-message-container'>
        <h3 class="msg-title">系统消息</h3>
        <div class="system-message-item" v-for="(item, index) in msgList" :key="`system-message-item-${index}`" >
             <join-project-request v-if="isJoinProjectRequest(item.type)" :msg="item" />
             <join-project-response v-else-if="isJoinProjectResponse(item.type)" :msg="item" />
             <add-friend-request v-else-if="isAddFriendRequest(item.type)" :msg="item" />
             <add-friend-response v-else-if="isAddFriendResponse(item.type)" :msg="item" />
        </div>
    </div>
</template>

<script lang='ts'>
import { SystemMsgView } from "./Index";
export default SystemMsgView;
</script>

<style lang='scss' scoped>
@import './Index.scss';
</style>